﻿@model Project.Models.RegisterModel
           
@{
    ViewBag.Title = "Register";
}
<script type="text/javascript">
    function showHideElement(isad, id) {
        var elm = document.getElementById(id)
        elm.style.display = isad ? "" : "none"
        if (isad) {
            document.getElementById("chk_user").checked = false;
        } else {
            document.getElementById("chk_ad").checked = false;
        }
    }
</script>
<div class="container_12">
    <div class="grid_12">
        <div class="pad-0 border-1">
            <h2>
                Create a new account</h2>
            <p>
                Use the form below to create a new account.
            </p>
            <p>
                Passwords are required to be a minimum of @Membership.MinRequiredPasswordLength
                characters in length.
            </p>
            <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
            @using (Html.BeginForm())
            {
                @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
                <div>
                    <fieldset>
                        <legend>Account Information</legend>
                        <div class="editor-label">
                            <p>@Html.RadioButtonFor(m => m.isBlogger, true) I am a blogger </p>
                            <p>@Html.RadioButtonFor(m => m.isBlogger, false) I am an advetiser </p>
                        </div>
                        <div class="editor-label">
                            @Html.LabelFor(m => m.FirstName)
                        </div>
                        <div class="editor-field">
                            @Html.TextBoxFor(m => m.FirstName)
                            @Html.ValidationMessageFor(m => m.FirstName)
                        </div>
                        <div class="editor-label">
                            @Html.LabelFor(m => m.LastName)
                        </div>
                        <div class="editor-field">
                            @Html.TextBoxFor(m => m.LastName)
                            @Html.ValidationMessageFor(m => m.LastName)
                        </div>
                        <div class="editor-label">
                            @Html.LabelFor(m => m.Email)
                        </div>
                        <div class="editor-field">
                            @Html.TextBoxFor(m => m.Email)
                            @Html.ValidationMessageFor(m => m.Email)
                        </div>
                        <div class="editor-label">
                            @Html.LabelFor(m => m.UserName)
                        </div>
                        <div class="editor-field">
                            @Html.TextBoxFor(m => m.UserName)
                            @Html.ValidationMessageFor(m => m.UserName)
                        </div>
                        <div class="editor-label">
                            @Html.LabelFor(m => m.Password)
                        </div>
                        <div class="editor-field">
                            @Html.PasswordFor(m => m.Password)
                            @Html.ValidationMessageFor(m => m.Password)
                        </div>
                        <div class="editor-label">
                            @Html.LabelFor(m => m.ConfirmPassword)
                        </div>
                        <div class="editor-field">
                            @Html.PasswordFor(m => m.ConfirmPassword)
                            @Html.ValidationMessageFor(m => m.ConfirmPassword)
                        </div>
                        <p>
                            <input type="submit" value="Register" />
                        </p>
                    </fieldset>
                </div>
            }

        </div>
    </div>
    <div class="clear">
</div>
